Set phasers on stun

USS Shenandoah - Taken by Dax and Worf to rescue a Cardassian informant from the Dominion.

Normal

Button

Hover

Button

Pressed

Button

Focused

Button

Beep Beep! I am an error !

Mission complete.

Warning: Borg ship Incoming!

All hands on deck! Captain on bridge.

Set phasers on stun

USS Shenandoah - Taken by Dax and Worf to rescue a Cardassian informant from the Dominion.

Normal

Button

Hover

Button

Pressed

Button

Focused

Button

Beep Beep! I am an error !

Mission complete.

Warning: Borg ship Incoming!

All hands on deck! Captain on bridge.

Set phasers on stun

USS Shenandoah - Taken by Dax and Worf to rescue a Cardassian informant from the Dominion.

Normal

Button

Hover

Button

Pressed

Button

Focused

Button

Beep Beep! I am an error !

Mission complete.

Warning: Borg ship Incoming!

All hands on deck! Captain on bridge.

How to use Figma tokens JSON

Figma tokens json

{
"forest-cs-light": {
  "Accent Colors": {
    "primary": {
      "value": "#4ed42d",
      "type": "color"
    },
    "secondary": {
      "value": "#4fb2df",
      "type": "color"
    },
    "tertiary": {
      "value": "#c5cbd7",
      "type": "color"
    }
  },
  "Background Colors": {
    "base": {
      "value": "#e5e6e2",
      "type": "color"
    },
    "code": {
      "value": "#eaeaea",
      "type": "color"
    },
    "overlay": {
      "value": "rgba(0, 0, 0, 0.8)",
      "type": "color"
    },
    "step-1": {
      "value": "#293434",
      "type": "color"
    },
    "step-2": {
      "value": "#7c9e9d",
      "type": "color"
    }
  },
  "CTA Danger Colors": {
    "base": {
      "value": "#f9e4e1",
      "type": "color"
    },
    "border": {
      "value": "#e9968c",
      "type": "color"
    },
    "disabled": {
      "value": "#faeceb",
      "type": "color"
    },
    "focused": {
      "value": "#d97973",
      "type": "color"
    },
    "hover": {
      "value": "#f1bdb6",
      "type": "color"
    },
    "pressed": {
      "value": "#d46a63",
      "type": "color"
    },
    "text": {
      "value": "#fffbfe",
      "type": "color"
    }
  },
  "CTA Primary Colors": {
    "base": {
      "value": "#0d712c",
      "type": "color"
    },
    "border": {
      "value": "#2b8074",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(44, 201, 181, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#195c2e",
      "type": "color"
    },
    "hover": {
      "value": "#129039",
      "type": "color"
    },
    "pressed": {
      "value": "#0a690b",
      "type": "color"
    },
    "text": {
      "value": "#feffff",
      "type": "color"
    }
  },
  "CTA Secondary Colors": {
    "base": {
      "value": "#4fb2df",
      "type": "color"
    },
    "border": {
      "value": "#209fdb",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(79, 178, 223, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#5ea4c3",
      "type": "color"
    },
    "hover": {
      "value": "#61b5dc",
      "type": "color"
    },
    "pressed": {
      "value": "#1da7e6",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "CTA Tertiary Colors": {
    "base": {
      "value": "#556375",
      "type": "color"
    },
    "border": {
      "value": "#e2e4e7",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(85, 99, 117, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#4a4d51",
      "type": "color"
    },
    "hover": {
      "value": "#636d7a",
      "type": "color"
    },
    "pressed": {
      "value": "#3b4047",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Custom Colors": {
    "eight": {
      "value": "#d554b3",
      "type": "color"
    },
    "five": {
      "value": "#eb57be",
      "type": "color"
    },
    "four": {
      "value": "#7a65c7",
      "type": "color"
    },
    "nine": {
      "value": "#ec8943",
      "type": "color"
    },
    "one": {
      "value": "#ed753a",
      "type": "color"
    },
    "seven": {
      "value": "#7564be",
      "type": "color"
    },
    "six": {
      "value": "#ef8dd6",
      "type": "color"
    },
    "ten": {
      "value": "#da7a4a",
      "type": "color"
    },
    "three": {
      "value": "#8fdcf8",
      "type": "color"
    },
    "two": {
      "value": "#f3db5f",
      "type": "color"
    }
  },
  "Error Colors": {
    "base": {
      "value": "#2a2a24",
      "type": "color"
    },
    "border": {
      "value": "#df2b2b",
      "type": "color"
    },
    "text": {
      "value": "#f5bdbb",
      "type": "color"
    }
  },
  "Info Colors": {
    "base": {
      "value": "#252f2a",
      "type": "color"
    },
    "border": {
      "value": "#252f2a",
      "type": "color"
    },
    "text": {
      "value": "#252f2a",
      "type": "color"
    }
  },
  "Standalone Colors": {
    "border": {
      "value": "#434547",
      "type": "color"
    },
    "border-strong": {
      "value": "#919192",
      "type": "color"
    },
    "scrim": {
      "value": "#007f9b",
      "type": "color"
    },
    "shadow": {
      "value": "#007f9b",
      "type": "color"
    },
    "text": {
      "value": "#556f68",
      "type": "color"
    },
    "text-strong": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Success Colors": {
    "base": {
      "value": "#282f25",
      "type": "color"
    },
    "border": {
      "value": "#3d741f",
      "type": "color"
    },
    "text": {
      "value": "#e3f0c4",
      "type": "color"
    }
  },
  "Warning Colors": {
    "base": {
      "value": "#2a2f24",
      "type": "color"
    },
    "border": {
      "value": "#966220",
      "type": "color"
    },
    "text": {
      "value": "#fbefba",
      "type": "color"
    }
  }
},
"forest-cs-dark": {
  "Accent Colors": {
    "primary": {
      "value": "#4ed42d",
      "type": "color"
    },
    "secondary": {
      "value": "#4fb2df",
      "type": "color"
    },
    "tertiary": {
      "value": "#c5cbd7",
      "type": "color"
    }
  },
  "Background Colors": {
    "base": {
      "value": "#131a13",
      "type": "color"
    },
    "code": {
      "value": "#2b303b",
      "type": "color"
    },
    "overlay": {
      "value": "rgba(0, 0, 0, 0.8)",
      "type": "color"
    },
    "step-1": {
      "value": "#182517",
      "type": "color"
    },
    "step-2": {
      "value": "#233221",
      "type": "color"
    }
  },
  "CTA Danger Colors": {
    "base": {
      "value": "#f9e4e1",
      "type": "color"
    },
    "border": {
      "value": "#e9968c",
      "type": "color"
    },
    "disabled": {
      "value": "#faeceb",
      "type": "color"
    },
    "focused": {
      "value": "#d97973",
      "type": "color"
    },
    "hover": {
      "value": "#f1bdb6",
      "type": "color"
    },
    "pressed": {
      "value": "#d46a63",
      "type": "color"
    },
    "text": {
      "value": "#1c1b1f",
      "type": "color"
    }
  },
  "CTA Primary Colors": {
    "base": {
      "value": "#0d712c",
      "type": "color"
    },
    "border": {
      "value": "#2b8074",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(44, 201, 181, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#195c2e",
      "type": "color"
    },
    "hover": {
      "value": "#129039",
      "type": "color"
    },
    "pressed": {
      "value": "#0a690b",
      "type": "color"
    },
    "text": {
      "value": "#feffff",
      "type": "color"
    }
  },
  "CTA Secondary Colors": {
    "base": {
      "value": "#4fb2df",
      "type": "color"
    },
    "border": {
      "value": "#209fdb",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(79, 178, 223, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#5ea4c3",
      "type": "color"
    },
    "hover": {
      "value": "#61b5dc",
      "type": "color"
    },
    "pressed": {
      "value": "#1da7e6",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "CTA Tertiary Colors": {
    "base": {
      "value": "#556375",
      "type": "color"
    },
    "border": {
      "value": "#e2e4e7",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(85, 99, 117, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#4a4d51",
      "type": "color"
    },
    "hover": {
      "value": "#636d7a",
      "type": "color"
    },
    "pressed": {
      "value": "#3b4047",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Custom Colors": {
    "eight": {
      "value": "#d554b3",
      "type": "color"
    },
    "five": {
      "value": "#eb57be",
      "type": "color"
    },
    "four": {
      "value": "#7a65c7",
      "type": "color"
    },
    "nine": {
      "value": "#ec8943",
      "type": "color"
    },
    "one": {
      "value": "#ed753a",
      "type": "color"
    },
    "seven": {
      "value": "#7564be",
      "type": "color"
    },
    "six": {
      "value": "#ef8dd6",
      "type": "color"
    },
    "ten": {
      "value": "#da7a4a",
      "type": "color"
    },
    "three": {
      "value": "#8fdcf8",
      "type": "color"
    },
    "two": {
      "value": "#f3db5f",
      "type": "color"
    }
  },
  "Error Colors": {
    "base": {
      "value": "#2a2a24",
      "type": "color"
    },
    "border": {
      "value": "#df2b2b",
      "type": "color"
    },
    "text": {
      "value": "#f5bdbb",
      "type": "color"
    }
  },
  "Info Colors": {
    "base": {
      "value": "#252f2a",
      "type": "color"
    },
    "border": {
      "value": "#252f2a",
      "type": "color"
    },
    "text": {
      "value": "#252f2a",
      "type": "color"
    }
  },
  "Standalone Colors": {
    "border": {
      "value": "#434547",
      "type": "color"
    },
    "border-strong": {
      "value": "#919192",
      "type": "color"
    },
    "scrim": {
      "value": "#007f9b",
      "type": "color"
    },
    "shadow": {
      "value": "#007f9b",
      "type": "color"
    },
    "text": {
      "value": "#9ea89e",
      "type": "color"
    },
    "text-strong": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Success Colors": {
    "base": {
      "value": "#282f25",
      "type": "color"
    },
    "border": {
      "value": "#3d741f",
      "type": "color"
    },
    "text": {
      "value": "#e3f0c4",
      "type": "color"
    }
  },
  "Warning Colors": {
    "base": {
      "value": "#2a2f24",
      "type": "color"
    },
    "border": {
      "value": "#966220",
      "type": "color"
    },
    "text": {
      "value": "#fbefba",
      "type": "color"
    }
  }
}
}

{
"forest-cs-light": {
  "Accent Colors": {
    "primary": {
      "value": "#4ed42d",
      "type": "color"
    },
    "secondary": {
      "value": "#4fb2df",
      "type": "color"
    },
    "tertiary": {
      "value": "#c5cbd7",
      "type": "color"
    }
  },
  "Background Colors": {
    "base": {
      "value": "#e5e6e2",
      "type": "color"
    },
    "code": {
      "value": "#eaeaea",
      "type": "color"
    },
    "overlay": {
      "value": "rgba(0, 0, 0, 0.8)",
      "type": "color"
    },
    "step-1": {
      "value": "#293434",
      "type": "color"
    },
    "step-2": {
      "value": "#7c9e9d",
      "type": "color"
    }
  },
  "CTA Danger Colors": {
    "base": {
      "value": "#f9e4e1",
      "type": "color"
    },
    "border": {
      "value": "#e9968c",
      "type": "color"
    },
    "disabled": {
      "value": "#faeceb",
      "type": "color"
    },
    "focused": {
      "value": "#d97973",
      "type": "color"
    },
    "hover": {
      "value": "#f1bdb6",
      "type": "color"
    },
    "pressed": {
      "value": "#d46a63",
      "type": "color"
    },
    "text": {
      "value": "#fffbfe",
      "type": "color"
    }
  },
  "CTA Primary Colors": {
    "base": {
      "value": "#0d712c",
      "type": "color"
    },
    "border": {
      "value": "#2b8074",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(44, 201, 181, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#195c2e",
      "type": "color"
    },
    "hover": {
      "value": "#129039",
      "type": "color"
    },
    "pressed": {
      "value": "#0a690b",
      "type": "color"
    },
    "text": {
      "value": "#feffff",
      "type": "color"
    }
  },
  "CTA Secondary Colors": {
    "base": {
      "value": "#4fb2df",
      "type": "color"
    },
    "border": {
      "value": "#209fdb",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(79, 178, 223, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#5ea4c3",
      "type": "color"
    },
    "hover": {
      "value": "#61b5dc",
      "type": "color"
    },
    "pressed": {
      "value": "#1da7e6",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "CTA Tertiary Colors": {
    "base": {
      "value": "#556375",
      "type": "color"
    },
    "border": {
      "value": "#e2e4e7",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(85, 99, 117, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#4a4d51",
      "type": "color"
    },
    "hover": {
      "value": "#636d7a",
      "type": "color"
    },
    "pressed": {
      "value": "#3b4047",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Custom Colors": {
    "eight": {
      "value": "#d554b3",
      "type": "color"
    },
    "five": {
      "value": "#eb57be",
      "type": "color"
    },
    "four": {
      "value": "#7a65c7",
      "type": "color"
    },
    "nine": {
      "value": "#ec8943",
      "type": "color"
    },
    "one": {
      "value": "#ed753a",
      "type": "color"
    },
    "seven": {
      "value": "#7564be",
      "type": "color"
    },
    "six": {
      "value": "#ef8dd6",
      "type": "color"
    },
    "ten": {
      "value": "#da7a4a",
      "type": "color"
    },
    "three": {
      "value": "#8fdcf8",
      "type": "color"
    },
    "two": {
      "value": "#f3db5f",
      "type": "color"
    }
  },
  "Error Colors": {
    "base": {
      "value": "#2a2a24",
      "type": "color"
    },
    "border": {
      "value": "#df2b2b",
      "type": "color"
    },
    "text": {
      "value": "#f5bdbb",
      "type": "color"
    }
  },
  "Info Colors": {
    "base": {
      "value": "#252f2a",
      "type": "color"
    },
    "border": {
      "value": "#252f2a",
      "type": "color"
    },
    "text": {
      "value": "#252f2a",
      "type": "color"
    }
  },
  "Standalone Colors": {
    "border": {
      "value": "#434547",
      "type": "color"
    },
    "border-strong": {
      "value": "#919192",
      "type": "color"
    },
    "scrim": {
      "value": "#007f9b",
      "type": "color"
    },
    "shadow": {
      "value": "#007f9b",
      "type": "color"
    },
    "text": {
      "value": "#556f68",
      "type": "color"
    },
    "text-strong": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Success Colors": {
    "base": {
      "value": "#282f25",
      "type": "color"
    },
    "border": {
      "value": "#3d741f",
      "type": "color"
    },
    "text": {
      "value": "#e3f0c4",
      "type": "color"
    }
  },
  "Warning Colors": {
    "base": {
      "value": "#2a2f24",
      "type": "color"
    },
    "border": {
      "value": "#966220",
      "type": "color"
    },
    "text": {
      "value": "#fbefba",
      "type": "color"
    }
  }
},
"forest-cs-dark": {
  "Accent Colors": {
    "primary": {
      "value": "#4ed42d",
      "type": "color"
    },
    "secondary": {
      "value": "#4fb2df",
      "type": "color"
    },
    "tertiary": {
      "value": "#c5cbd7",
      "type": "color"
    }
  },
  "Background Colors": {
    "base": {
      "value": "#131a13",
      "type": "color"
    },
    "code": {
      "value": "#2b303b",
      "type": "color"
    },
    "overlay": {
      "value": "rgba(0, 0, 0, 0.8)",
      "type": "color"
    },
    "step-1": {
      "value": "#182517",
      "type": "color"
    },
    "step-2": {
      "value": "#233221",
      "type": "color"
    }
  },
  "CTA Danger Colors": {
    "base": {
      "value": "#f9e4e1",
      "type": "color"
    },
    "border": {
      "value": "#e9968c",
      "type": "color"
    },
    "disabled": {
      "value": "#faeceb",
      "type": "color"
    },
    "focused": {
      "value": "#d97973",
      "type": "color"
    },
    "hover": {
      "value": "#f1bdb6",
      "type": "color"
    },
    "pressed": {
      "value": "#d46a63",
      "type": "color"
    },
    "text": {
      "value": "#1c1b1f",
      "type": "color"
    }
  },
  "CTA Primary Colors": {
    "base": {
      "value": "#0d712c",
      "type": "color"
    },
    "border": {
      "value": "#2b8074",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(44, 201, 181, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#195c2e",
      "type": "color"
    },
    "hover": {
      "value": "#129039",
      "type": "color"
    },
    "pressed": {
      "value": "#0a690b",
      "type": "color"
    },
    "text": {
      "value": "#feffff",
      "type": "color"
    }
  },
  "CTA Secondary Colors": {
    "base": {
      "value": "#4fb2df",
      "type": "color"
    },
    "border": {
      "value": "#209fdb",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(79, 178, 223, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#5ea4c3",
      "type": "color"
    },
    "hover": {
      "value": "#61b5dc",
      "type": "color"
    },
    "pressed": {
      "value": "#1da7e6",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "CTA Tertiary Colors": {
    "base": {
      "value": "#556375",
      "type": "color"
    },
    "border": {
      "value": "#e2e4e7",
      "type": "color"
    },
    "disabled": {
      "value": "rgba(85, 99, 117, 0.4)",
      "type": "color"
    },
    "focused": {
      "value": "#4a4d51",
      "type": "color"
    },
    "hover": {
      "value": "#636d7a",
      "type": "color"
    },
    "pressed": {
      "value": "#3b4047",
      "type": "color"
    },
    "text": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Custom Colors": {
    "eight": {
      "value": "#d554b3",
      "type": "color"
    },
    "five": {
      "value": "#eb57be",
      "type": "color"
    },
    "four": {
      "value": "#7a65c7",
      "type": "color"
    },
    "nine": {
      "value": "#ec8943",
      "type": "color"
    },
    "one": {
      "value": "#ed753a",
      "type": "color"
    },
    "seven": {
      "value": "#7564be",
      "type": "color"
    },
    "six": {
      "value": "#ef8dd6",
      "type": "color"
    },
    "ten": {
      "value": "#da7a4a",
      "type": "color"
    },
    "three": {
      "value": "#8fdcf8",
      "type": "color"
    },
    "two": {
      "value": "#f3db5f",
      "type": "color"
    }
  },
  "Error Colors": {
    "base": {
      "value": "#2a2a24",
      "type": "color"
    },
    "border": {
      "value": "#df2b2b",
      "type": "color"
    },
    "text": {
      "value": "#f5bdbb",
      "type": "color"
    }
  },
  "Info Colors": {
    "base": {
      "value": "#252f2a",
      "type": "color"
    },
    "border": {
      "value": "#252f2a",
      "type": "color"
    },
    "text": {
      "value": "#252f2a",
      "type": "color"
    }
  },
  "Standalone Colors": {
    "border": {
      "value": "#434547",
      "type": "color"
    },
    "border-strong": {
      "value": "#919192",
      "type": "color"
    },
    "scrim": {
      "value": "#007f9b",
      "type": "color"
    },
    "shadow": {
      "value": "#007f9b",
      "type": "color"
    },
    "text": {
      "value": "#9ea89e",
      "type": "color"
    },
    "text-strong": {
      "value": "#ffffff",
      "type": "color"
    }
  },
  "Success Colors": {
    "base": {
      "value": "#282f25",
      "type": "color"
    },
    "border": {
      "value": "#3d741f",
      "type": "color"
    },
    "text": {
      "value": "#e3f0c4",
      "type": "color"
    }
  },
  "Warning Colors": {
    "base": {
      "value": "#2a2f24",
      "type": "color"
    },
    "border": {
      "value": "#966220",
      "type": "color"
    },
    "text": {
      "value": "#fbefba",
      "type": "color"
    }
  }
}
}

To learn more about how to use this json with Figma, visit here

Stand Alone Colors

Below are standalone color definitions we use.

.border

.border strong

.text

.text strong

.shadow

.scrim

$inherited.colors.custom.one

dark:

#434547

light:

#434547

we use

$inherited.colors.custom.one

for

custom one

Background Colors

Below are background color definitions we use.

.base

.step-1

.step-2

.overlay

.code

$inherited.colors.custom.one

dark:

#131a13

light:

#e5e6e2

we use

$inherited.colors.custom.one

for

custom one

CTA Primary Colors

Below are cta primary color definitions we use.

.base

.hover

.pressed

.disabled

.focused

.border

.text

$inherited.colors.custom.one

dark:

#0d712c

light:

#0d712c

we use

$inherited.colors.custom.one

for

custom one

CTA Secondary Colors

Below are cta secondary color definitions we use.

.base

.hover

.pressed

.disabled

.focused

.border

.text

$inherited.colors.custom.one

dark:

#4fb2df

light:

#4fb2df

we use

$inherited.colors.custom.one

for

custom one

CTA Tertiary Colors

Below are cta tertiary color definitions we use.

.base

.hover

.pressed

.disabled

.focused

.border

.text

$inherited.colors.custom.one

dark:

#556375

light:

#556375

we use

$inherited.colors.custom.one

for

custom one

CTA Danger Colors

Below are cta danger color definitions we use.

.base

.hover

.pressed

.disabled

.focused

.border

.text

$inherited.colors.custom.one

dark:

#f1bdb6

light:

#f1bdb6

we use

$inherited.colors.custom.one

for

custom one

Accent Colors

Below are accent color definitions we use.

.primary

.secondary

.tertiary

$inherited.colors.custom.one

dark:

#4ed42d

light:

#4ed42d

we use

$inherited.colors.custom.one

for

custom one

Error Colors

Below are error colors definitions we use.

.base

.text

.border

$inherited.colors.custom.one

dark:

#2a2a24

light:

#2a2a24

we use

$inherited.colors.custom.one

for

custom one

Success Colors

Below are success colors definitions we use.

.base

.text

.border

$inherited.colors.custom.one

dark:

#282f25

light:

#282f25

we use

$inherited.colors.custom.one

for

custom one

Info Colors

Below are info colors definitions we use.

.base

.text

.border

$inherited.colors.custom.one

dark:

#252f2a

light:

#252f2a

we use

$inherited.colors.custom.one

for

custom one

Warning Colors

Below are warning color definitions we use.

.base

.text

.border

$inherited.colors.custom.one

dark:

#2a2f24

light:

#2a2f24

we use

$inherited.colors.custom.one

for

custom one

Custom Colors

Below are custom color definitions we use.

.one

.two

.three

.four

.five

.six

.seven

.eight

.nine

.ten

$inherited.colors.custom.one

dark:

#ed753a

light:

#ed753a

we use

$inherited.colors.custom.one

for

custom one